草庐IT

JavaScript HTML DOM - 改变 HTML

全部标签

javascript - 检查本地文件是否存在(HTML5 FS API)

我正在开发一个Chrome扩展,我想检查一个文件是否存在。我不想对该文件做任何事情:我只想检查它是否存在。如果我使用XMLHttpRequest它不起作用,因为出于安全原因不允许这样做。所以我必须使用HTML5FSAPI。问题是这个API没有方法来检查文件是否存在。我有一个名为“fileExists”的变量,我想知道如何根据文件的存在(由URL确定)将其值从false更改为true或从true更改为false。谢谢。 最佳答案 使用类似的东西:functionexists(fileName,callback){storageRoot

javascript - 如何在页面加载时更改 HTML 内容

我在我们的网站上进行A/B测试,我的大部分工作都是在一个JS文件中进行的,该文件在呈现任何其他内容之前加载到页面顶部,但在加载jQuery之后有时会派上用场。举一个更改H1标签的非常简单的例子,我通常会在头部注入(inject)一个样式,将H1不透明度设置为0,然后在DOMContentLoaded上,我会操作H1内容,然后将不透明度设置为1。这样做的原因是为了避免在更改发生之前闪现旧内容-隐藏整个对象在视觉上更加优雅。我已经开始研究MutationObserverAPI。我之前在用户可以打开的覆盖对话框中更改内容时使用过它,这似乎是一种很酷的方法,我想知道是否有人设法使用Mutati

javascript - Jade : escape html in mixin argument

我尝试过的:mixinsimpleDivInject(text)divh1#{text}mixinsimpleDivInject("lineonelinetwo")期望的结果lineonelinetwo实际结果lineone<br/>linetwo我怎样才能达到预期的结果。我已经尝试了更多的东西(例如将字符串存储在varect中),但到目前为止没有成功。 最佳答案 其实我只是想通了。在这里回答希望对其他人有帮助。转义不是发生在mixin参数系统中,而是发生在vinillajade系统中,所以:mixinsimpleDiv

javascript - 将 html 传递给 Vue 组件

目前我将一些参数传递给vue组件hello','goodbye']"slider是“html”slider或带有图像的slider。虽然我传入的html会变得更复杂,可能有30行,但作为参数将更难阅读和管理,这工作正常。我可以传入外部引用并将其拉入组件吗?{{content}}如您所见,组件中的循环是一个非常简单的v-for。 最佳答案 不要使用属性传递HTML,而是使用Slots:Supposewehaveacomponentcalledmy-componentwiththefollowingtemplate:I'mthechil

javascript - 如何使用 puppeteer 获取 html 元素的所有子元素值

我正在使用puppeteer.我想获取表的列名的值。XYZ0500055006000650我需要得到的是这些td值的数组。我尝试了page.$(selector)但无法理解输出。我也试过:letidAttribute=awaitpage.$eval('.GridHeader',e=>e.childNodes);console.log(idAttribute)但无法获取这些td值的数组。你能帮我循环这些值吗?编辑:找到问题的答案并将其发布在答案部分。 最佳答案 我能够使用以下方法获得解决方案:constdata=awaitpage.e

javascript - 使用angularjs改变 body 背景颜色

我希望能够更改的背景颜色取决于当前路径。我尝试通过在路径更改时检查$location.path()然后使用ng-style来做到这一点更改背景颜色的指令,但这似乎是一个hack(并且没有用)。实现此目标的分离度更高的方法是什么?如果有人想看的话,这是我写的代码。app.controller('backgroundCtrl',['$rootScope','$scope','$route','$location',function($rootScope,$scope,$route,$location){$rootScope.$on('$routeChangeStart',function(

javascript - 如何在 HTML 下拉列表中显示复选框?

我需要用复选框填充下拉列表(HTML)。我尝试使用来显示这样的列表标记并在JSP页面中应用一些样式,但它显示的列表类似于列表框。下面是JSP页面中的代码以及Javascript,它仅在单击页面上的唯一按钮时提​​醒已检查的语言列表。CheckboxlistfunctionselectCheckBox(){vartotal="";for(vari=0;iEnglishHindiItalianChineseJapaneseGerman它只显示一个语言列表,如下面的快照所示。我需要的是将此语言列表显示为下拉列表(而不是列表框)。我该怎么做? 最佳答案

javascript - Highcharts饼图动态改变大小

我在highcharts中创建的饼图出现问题。根据数据标签的位置,实际图表会增大或缩小。我们需要饼图保持相同大小,那么有没有办法保持饼图大小不变并强制标签适合它,或者我只需要将标签放在每个切片内? 最佳答案 您必须为饼图设置固定的大小。可以是百分比或像素值。例如:plotOptions:{pie:{size:100}},从APIhttp://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts

javascript - 如何排除提交的 HTML 表单单选按钮值?

我只需要通过网络表单向cgi脚本提交一个输入字段值。我添加了几个额外的表单控件(一个复选框和单选按钮),它们根据所选状态来操作输入值。提交表单时,还会提交额外的表单字段值,这会破坏cgi脚本(我无权访问)。我从复选框中删除了“名称”属性,因此它们不会被提交,但不能对单选按钮执行此操作,因为它会破坏它们的分组。如何防止提交单选按钮值? 最佳答案 您可以添加disabled在submit中赋予它们处理程序,这将防止它们被jQuery或普通序列化。提交。例如:$("#myForm").submit(function(){$(this).f

javascript - 检测设备是否能够在 JavaScript 中改变方向

是否有原生JavaScript(或通过使用JQuery/Modernizr等库)来检测设备是否能够改变方向?我想用它来区分桌面和移动设备。谢谢,沙迪 最佳答案 检测移动设备:简单的浏览器嗅探if(/mobile/i.test(navigator.userAgent)){...}jQuery.browser.mobile插件(详尽的浏览器嗅探)触摸事件的简单测试if('ontouchstart'inwindow){...}触摸事件的高级测试:if(('ontouchstart'inwindow)||//Advancedtestfort